<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Insert title here</title>
	<link rel="stylesheet" href="style/vue_bind.css">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="vue_app">
	<h1>v-for</h1> 
	<!-- 数组 + 下标 -->
	{{  word[0] }}
	{{  word[1] }}
	{{  word[2] }}
	<!-- 遍历 -->
	<ul>
		<li v-for = "x in word"> {{ x }}</li>
	</ul>
	
	<ul>
		<li v-for="u in users"> {{u.name}}</li>
	</ul>
	
	<ul>
		<li v-for="(u,idnex) in users">{{index}} {{u.name}}</li>
	</ul>
	
	<template v-for="(u,idnex) in users":key="index">
		<div v-for="(val,key) in user"> <!-- 遍历一个对象的key val值 -->
			<p>{{key}}:{{val}}</p>
		</div>
	</template>
</div>

<script src="vue_js/vue_bind.js"></script>
</body>
</html>